<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/store_manage/Shopping_Cart.css" />
	</head>

	<body>
		<section class="container">
			<header class="topbar">
				<div class="left">
					<!--<a href="">店铺</a>-->
					<a class="iconfont icon-arrowleft" href="../index/index.html"></a>
					<!--<a class="iconfont icon-cuowu" href=""></a>-->
				</div>
				<div class="title">Infoscape</div>
				<div class="right">
					<a data-ent="publicity" href="">推广</a>
				</div>
			</header>

			<section class="main">
				<div class="top">

					<div class="left">
						<strong>店铺:<em>Infoscape</em></strong>
					</div>

					<div class="right">
						<a class="btn white" href="">领券</a>
						<a href="">编辑</a>
					</div>

					<div class="clear"></div>
				</div>

				<div class="content">
					<div class="message clearfix">
						<div class="title clearfix">
							<a class="clearfix" href="">
								<strong class="fl">满减</strong>
								<span class="fl">满2件，即享优惠</span>
								<i class="iconfont icon-arrowright fr"></i>
							</a>
						</div>

						<div class="choice fl">
							<span></span>
						</div>
						<div class="box fl">
							<a class="clearfix" href="">
								<ul class="img_right fl">
									<span class="picture fl">
							      <img src="../../images/store_manage/apple.png" />
						        </span>
									<li>新西兰进口红玫瑰苹果水果10个装</li>

									<li>颜色:红玫瑰苹果2.5kg</li>

									<li><i class="iconfont icon-renminbi"></i><em>299.00</em></li>

								</ul>
							</a>

							<div class="img_sub">
								<div class="border clearfix">
									<span>-</span>
									<span>1</span>
									<span>+</span>
								</div>
							</div>
						</div>
					</div>
					
					<div class="message clearfix">
						<!--<div class="title clearfix">
							<a class="clearfix" href="">
								<strong class="fl">满减</strong>
								<span class="fl">满2件，即享优惠</span>
								<i class="iconfont icon-arrowright fr"></i>
							</a>
						</div>-->

						<div class="choice fl">
							<span></span>
						</div>
						<div class="box fl">
							<a class="clearfix" href="">
								<ul class="img_right fl">
									<span class="picture fl">
							      <img src="../../images/store_manage/apple.png" />
						        </span>
									<li>新西兰进口红玫瑰苹果水果10个装</li>

									<li>颜色:红玫瑰苹果2.5kg</li>

									<li><i class="iconfont icon-renminbi"></i><em>299.00</em></li>

								</ul>
							</a>

							<div class="img_sub">
								<div class="border clearfix">
									<span>-</span>
									<span>1</span>
									<span>+</span>
								</div>
							</div>
						</div>
					</div>
					
					<div class="message clearfix">
						<!--<div class="title clearfix">
							<a class="clearfix" href="">
								<strong class="fl">满减</strong>
								<span class="fl">满2件，即享优惠</span>
								<i class="iconfont icon-arrowright fr"></i>
							</a>
						</div>-->

						<div class="choice fl">
							<span></span>
						</div>
						<div class="box fl">
							<a class="clearfix" href="">
								<ul class="img_right fl">
									<span class="picture fl">
							      <img src="../../images/store_manage/apple.png" />
						        </span>
									<li>新西兰进口红玫瑰苹果水果10个装</li>

									<li>颜色:红玫瑰苹果2.5kg</li>

									<li><i class="iconfont icon-renminbi"></i><em>299.00</em></li>

								</ul>
							</a>

							<div class="img_sub">
								<div class="border clearfix">
									<span>-</span>
									<span>1</span>
									<span>+</span>
								</div>
							</div>
						</div>
					</div>
					
					<div class="message clearfix">
						<!--<div class="title clearfix">
							<a class="clearfix" href="">
								<strong class="fl">满减</strong>
								<span class="fl">满2件，即享优惠</span>
								<i class="iconfont icon-arrowright fr"></i>
							</a>
						</div>-->

						<div class="choice fl">
							<span></span>
						</div>
						<div class="box fl">
							<a class="clearfix" href="">
								<ul class="img_right fl">
									<span class="picture fl">
							      <img src="../../images/store_manage/apple.png" />
						        </span>
									<li>新西兰进口红玫瑰苹果水果10个装</li>

									<li>颜色:红玫瑰苹果2.5kg</li>

									<li><i class="iconfont icon-renminbi"></i><em>299.00</em></li>

								</ul>
							</a>

							<div class="img_sub">
								<div class="border clearfix">
									<span>-</span>
									<span>1</span>
									<span>+</span>
								</div>
							</div>
						</div>
					</div>
					
					<div class="message clearfix">
						<!--<div class="title clearfix">
							<a class="clearfix" href="">
								<strong class="fl">满减</strong>
								<span class="fl">满2件，即享优惠</span>
								<i class="iconfont icon-arrowright fr"></i>
							</a>
						</div>-->

						<div class="choice fl">
							<span></span>
						</div>
						<div class="box fl">
							<a class="clearfix" href="">
								<ul class="img_right fl">
									<span class="picture fl">
							      <img src="../../images/store_manage/apple.png" />
						        </span>
									<li>新西兰进口红玫瑰苹果水果10个装</li>

									<li>颜色:红玫瑰苹果2.5kg</li>

									<li><i class="iconfont icon-renminbi"></i><em>299.00</em></li>

								</ul>
							</a>

							<div class="img_sub">
								<div class="border clearfix">
									<span>-</span>
									<span>1</span>
									<span>+</span>
								</div>
							</div>
						</div>
					</div>

				</div>
				
				<div class="bottom_tp">
					<div class="logo">
						<didv class="left">
							<img src="../../images/store_manage/logo_03.jpg" />
						</didv>

						<div class="right">
							<span>优呗</span>
							<span>youbei.com</span>
						</div>

					</div>
					<div class="below">
						<p>优呗提供技术支持</p>
					</div>
				</div>
				
				<div class="pull_top">
					<span><i class="iconfont icon-fanhuidingbu"></i></span>
					<span>TOP</span>
				</div>
			</section>

			<nav class="btmbar">
				<div class="bottom_bw clearfix">
					<div class="opt fl">
						<div class="choice fl">
							<span></span>
						</div>
						<p class="fl">全选</p>
					</div>
					
					<div class="sum fl">
						<li>合计:<i class="iconfont icon-renminbi"></i><em>578</em></li>
						<li class="clearfix"><span>金额：<i class="iconfont icon-renminbi"></i><em>598</em></span><span>立减<i class="iconfont icon-renminbi"></i><em>20</em></span></li>
					</div>
					
					<div class="close_an_at fl">
						<a class="btn" href="">去结算(<em>4</em>)</a>
					</div>
				</div>
			</footer>
		</section>
		
		<section class="layer">
			<div id="publicity" class="dialog">
				<div class="icon_list">
					<a class="item" href="">
						<i class="iconfont icon-weixin"></i>
						<p>微信好友</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-pengyouquan"></i>
						<p>微信朋友圈</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-weibo"></i>
						<p>新浪微博</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-QQ"></i>
						<p>QQ好友</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-qqkongjian"></i>
						<p>QQ空间</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-shouji"></i>
						<p>手机联系人</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-liuyan1"></i>
						<p>老客户</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-erweima"></i>
						<p>二维码</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-fuzhilianjie"></i>
						<p>复制链接</p>
					</a>
				</div>
				<a class="cancel" data-action="close" href="">取消</a>
			</div>
		
			<div id="layer_add_goods" class="dialog">
				<div class="icon_list">
					<a class="item" href="">
						<i class="iconfont icon-shichang"></i>
						<p>市场选货</p>
					</a>
				</div>
				<a class="cancel" data-action="close" href="">取消</a>
			</div>
		</section>

		<script src="../../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var clientY = 0,
				body = document.querySelector('body'),
				main = document.querySelector('.main');

			body.addEventListener('touchstart', function(e) {
				clientY = e.changedTouches["0"].clientY;
			});

			body.addEventListener('touchmove', function(e) {
				
				if(main.contains(e.target)) {
					if(main.scrollTop == 0 && e.changedTouches["0"].clientY > clientY) {
						e.preventDefault();
					} else if(main.scrollHeight - main.scrollTop == main.clientHeight && e.changedTouches["0"].clientY < clientY) {
						e.preventDefault();
					}
				} else {
					e.preventDefault();
				}
			});
		</script>
		
		<script src="../../js/top.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>